*{
    margin:0px;
    padding:0px;
    text-align: center;
}
.header{
    background-color:  silver;
    text-align: center;
    height: 80px;
    font-size: 40px;
    padding:25px 0px 0px;
}
.content{
    height: 516px;
    background-color:wheat;
}
#switch{
    margin:20px 30px 20px 0px;
    padding: 3px;
    font-size:15px ;
}
#unswitch{
    margin:20px 0px 20px 0px;
    padding: 3px;
    font-size:15px ;
}
.content #demo{
    margin:10px;
}
.content #demo1{
    margin:10px;
}
.content #demo2{
    margin:10px 0px 0px 0px;
    padding: 3px;
    font-size:15px ;
}
.content #formal3{
    margin:20px 0px 0px 0px;
    padding: 3px;
    font-size:15px ;
}
.content #view{
   height: 280px;
   overflow:auto;
}
.content #formal4{
    height: 240px;
    overflow:auto;
 }
.content #view #message{
   
}
.content #view #note{
   
}
#uncompress{
  
}
#compress{
    display: none;
}
.footer{
    height: 100px;
    background-color: darkseagreen;
    text-align: center;
}
